<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>反馈</title>
		<link rel="stylesheet" type="text/css" href="./css/hui.css" />
		<style type="text/css">
			body {
				background: #EAEAEC;
				padding: 0px;
				margin: 0px;
				position: relative;
			}

			.title {
				width: 200px;
				height: 40px;
				line-height: 40px;
				position: absolute;
				left: 50%;
				margin-left: -100px;
				font-size: 17px;
				color: #000000;

			}

			#hui-back:before {
				color: #2439A5;
			}

			.hui-header {
				background: #FFF;
				border-bottom: 1px solid rgba(0, 0, 0, 0.25);
			}

			textarea {
				width: 92%;
				height: 120px;
				background: #FFFFFF;
				border: #EEEEEE;
				margin-top: 16px;
				padding: 16px;
				padding-bottom: 0px;
				position: relative;
				wrap: hard;
			}

			#s {
				font-size: 14px;
				color: #999999;
				background: #FFFFFF;
				margin-top: -4px;
				text-align: right;
				padding-right: 15px;
				height: 22px;
				position: absolute;
				left: 0px;
				right: 0px;
			}

			.qq {
				/*display: block;*/
				position: absolute;
				width: 96%;
				height: 47px;
				line-height: 47px;
				padding-left: 19px;
				border: none;
				margin-top: 30px;
				overflow: hidden;
			}

			.add_img {
				background: #FFFFFF;
				padding: 16px;
			}

			.btn {
				height: 47px;
				line-height: 47px;
				text-align: center;
				background: #2439A5;
				margin: 0px 16px;
				color: #FFFFFF;
				font-size: 18px;
				border-radius: 24px;
				margin-top: 40px;
			}

			.add {
				display: inline-block;
				width: 75px;
				height: 75px;
				border: 1px solid rgba(204, 204, 204, 1);
				background: url(./img/add.png) no-repeat;
				background-size: 70% 70%;
				background-position: 10px 10px;
				position: relative;
				overflow: hidden;
				box-sizing: border-box;
			}

			#new_img {
				position: relative;
			}

			.add_img img {
				width: 75px;
				height: 75px;
				position: relative;
			}

			#new_img div {
				display: inline-block;
				width: 75px;
				height: 75px;
				position: relative;
				margin-right: 14px;

			}

			#new_img img {
				width: 75px;
				height: 75px;
				position: relative;
			}

			#new_img span {
				display: inline-block;
				width: 10px;
				height: 10px;
				background: url(./img/remove.png) no-repeat;
				background-size: 100% 100%;
				position: absolute;
				right: 0px;
				top: 0px;
			}

			.another {
				position: absolute;
				width: 12px;
				height: 12px;
				/* left: '60px' */
			}
		</style>
	</head>

	<body>
		<header class="hui-header">
			<div id="hui-back"></div>
			<span class="title">意见反馈</span>
		</header>
		<div class="hui-wrap">
			<div>
				<form name="myform">
					<textarea id="msg" name="msg" cols="100" rows="10" runat="server" placeholder='请输入信息反馈'></textarea>
					<div id="s">
						0/240
					</div>
				</form>
			</div>
			<div class="" style="position: relative;width: 100%;height: 80px;">
				<input id="q" name="q" type="text" class="qq" placeholder='手机/邮箱/QQ（选填）'>
			</div>
			<div style="margin-top: 16px;">
				<div style="padding-left: 16px;font-size: 14px;color: #666666;margin-bottom: 8px;">上传照片（最多6张）</div>
				<div class="add_img" id="add_img">
					<span id="new_img">
					</span>
					<!-- 添加图片按钮  -->
					<span class="add" id="add_1"><input type="file" id="file_img_1" style="opacity: 0;position: absolute;
                    left: 0px;
                    right: 0px;
                    bottom: 0px;
                    top: 0px;
                ">
					</span>
					<span class="add" id="add_2" style="opacity: 0;z-index: -9999;"><input type="file" id="file_img_2" style="opacity: 0;position: absolute;
                    left: 0px;
                    right: 0px;
                    bottom: 0px;
                    top: 0px;
                ">
					</span>
					<span class="add" id="add_3" style="opacity: 0;z-index: -9999;"><input type="file" id="file_img_3" style="opacity: 0;position: absolute;
                    left: 0px;
                    right: 0px;
                    bottom: 0px;
                    top: 0px;
                ">
					</span>
					<span class="add" id="add_4" style="opacity: 0;z-index: -9999;"><input type="file" id="file_img_4" style="opacity: 0;position: absolute;
                    left: 0px;
                    right: 0px;
                    bottom: 0px;
                    top: 0px;
                ">
					</span>
					<span class="add" id="add_5" style="opacity: 0;z-index: -9999;"><input type="file" id="file_img_5" style="opacity: 0;position: absolute;
                    left: 0px;
                    right: 0px;
                    bottom: 0px;
                    top: 0px;
                ">
					</span>
					<span class="add" id="add_6" style="opacity: 0;z-index: -9999;"><input type="file" id="file_img_6" style="opacity: 0;position: absolute;
                    left: 0px;
                    right: 0px;
                    bottom: 0px;
                    top: 0px;
                ">
					</span>

				</div>
			</div>
			<div onclick="sb()" id="sb" class="btn">
				提交
			</div>

		</div>
		<script src="./js/jquery.min.js"></script>
		<script src="js/fastclick.js"></script>
		<script>
			$(function() {
				FastClick.attach(document.body);
			});
		</script>
		<script src="./js/chen-url.js"></script>
		<script src="./js/hui.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$('#file_img_1').change(function() {
				var fileReader = new FileReader();
				var new_img = document.getElementById("new_img");
				fileReader.onload = function(e) {
					if (fileReader.readyState == FileReader.DONE) {
						var img = document.createElement('img');
						img.src = this.result;
						var imgdiv = document.createElement('div');
						imgdiv.appendChild(img);
						var remove_img = document.createElement('span');
						remove_img.className = 'remove';
						imgdiv.appendChild(remove_img);
						new_img.appendChild(imgdiv); //将图片插入想要存放的位置

						this.result = '';
						$('#add_1').css('display', 'none')
						$('#add_1').css('opacity', '0')

						var img_num = $('#new_img').children('div').length;
						if (img_num < 6) {
							$('#add_2').css('opacity', '1')
							$('#add_2').css('z-index', '1000')
							$('#add_2').css('display', 'inline-block')

						}

						if (img_num >= 6) {
							// $('.add').css('display', 'none')
							$('#add_2').css('opacity', '0')
							$('#add_2').css('z-index', '-9999')
						}
						if (img_num >= 4) {
							$('.add').css('margin-left', '-4px')
						}
						// 删除图片
						$('.remove').click(function(e) {
							$(this).parent().remove()

							var open_1 = $("#add_1").css("opacity") == "1";
							var open_2 = $("#add_2").css("opacity") == "1";
							var open_3 = $("#add_3").css("opacity") == "1";
							var open_4 = $("#add_4").css("opacity") == "1";
							var open_5 = $("#add_5").css("opacity") == "1";
							var open_6 = $("#add_6").css("opacity") == "1";

							var show = open_1 + open_2 + open_3 + open_4 + open_5 + open_6;
							// console.log(open_1 + '' + open_2 + '' + open_3 + '' + open_4+''+open_5+''+open_6)
							if (show != 1) {
								$('#add_1').css('display', 'inline-block')
								$('#add_1').css('opacity', '1')
								$('#add_1').css('z-index', '11111')
							}
						})
						var open_1 = $("#add_1").css("opacity") == "1";
						var open_2 = $("#add_2").css("opacity") == "1";
						var open_3 = $("#add_3").css("opacity") == "1";
						var open_4 = $("#add_4").css("opacity") == "1";
						var open_5 = $("#add_5").css("opacity") == "1";
						var open_6 = $("#add_6").css("opacity") == "1";
						var ads = $('.add').css("display") == "none";
						var show = open_1 + open_2 + open_3 + open_4 + open_5 + open_6;
						if (img_num < 6) {
							if (show == 0) {
								if (open_1 == 0) {
									$("#add_1").css("opacity", "1")
									$("#add_1").css("display", "inline-block")
									$('#add_1').css('z-index', '11111')
								} else if (open_2 == 0) {
									$("#add_2").css("opacity", "1")
									$("#add_2").css("display", "inline-block")
									$('#add_2').css('z-index', '11111')
								} else if (open_3 == 0) {
									$("#add_3").css("opacity", "1")
									$("#add_3").css("display", "inline-block")
									$('#add_3').css('z-index', '11111')
								} else if (open_4 == 0) {
									$("#add_4").css("opacity", "1")
									$("#add_4").css("display", "inline-block")
									$('#add_4').css('z-index', '11111')
								} else if (open_5 == 0) {
									$("#add_5").css("opacity", "1")
									$("#add_5").css("display", "inline-block")
									$('#add_5').css('z-index', '11111')
								} else if (open_6 == 0) {
									$("#add_6").css("opacity", "1")
									$("#add_6").css("display", "inline-block")
									$('#add_6').css('z-index', '11111')
								}
							}
						}

					}
				}
				//一次加载多个文件
				var i = 0,
					src = this.files;
				fileReader.readAsDataURL(src[i]);
				fileReader.onloadend = function() {
					i++;
					if (i < src.length) fileReader.readAsDataURL(src[i]);
				}
			})
			$('#file_img_2').change(function() {
				var fileReader = new FileReader();
				var new_img = document.getElementById("new_img");
				fileReader.onload = function(e) {
					if (fileReader.readyState == FileReader.DONE) {
						var img = document.createElement('img');
						img.src = this.result;
						var imgdiv = document.createElement('div');
						imgdiv.appendChild(img);
						var remove_img = document.createElement('span');
						remove_img.className = 'remove';
						imgdiv.appendChild(remove_img);
						new_img.appendChild(imgdiv); //将图片插入想要存放的位置

						// 删除图片
						$('.remove').click(function(e) {
							$(this).parent().remove()
							var open_1 = $("#add_1").css("opacity") == "1";
							var open_2 = $("#add_2").css("opacity") == "1";
							var open_3 = $("#add_3").css("opacity") == "1";
							var open_4 = $("#add_4").css("opacity") == "1";
							var open_5 = $("#add_5").css("opacity") == "1";
							var open_6 = $("#add_6").css("opacity") == "1";

							var show = open_1 + open_2 + open_3 + open_4 + open_5 + open_6;
							// console.log(open_1 + '' + open_2 + '' + open_3 + '' + open_4+''+open_5+''+open_6)
							if (show != 1) {
								$('#add_2').css('display', 'inline-block')
								$('#add_2').css('opacity', '1')
								$('#add_2').css('z-index', '11111')
							}
						})

						this.result = '';
						$('#add_2').css('display', 'none')
						$('#add_2').css('opacity', '0')


						var img_num = $('#new_img').children('div').length;

						if (img_num < 6) {
							$('#add_3').css('opacity', '1')
							$('#add_3').css('z-index', '1000')
							$('#add_3').css('display', 'inline-block')


						}
						if (img_num == 6) {
							// $('.add').css('display', 'none')
						}
						if (img_num >= 4) {
							$('.add').css('margin-left', '-4px')
						}

						var open_1 = $("#add_1").css("opacity") == "1";
						var open_2 = $("#add_2").css("opacity") == "1";
						var open_3 = $("#add_3").css("opacity") == "1";
						var open_4 = $("#add_4").css("opacity") == "1";
						var open_5 = $("#add_5").css("opacity") == "1";
						var open_6 = $("#add_6").css("opacity") == "1";
						var ads = $('.add').css("display") == "none";
						var show = open_1 + open_2 + open_3 + open_4 + open_5 + open_6;
						if (img_num < 6) {
							if (show == 0) {
								if (open_1 == 0) {
									$("#add_1").css("opacity", "1")
									$("#add_1").css("display", "inline-block")
									$('#add_1').css('z-index', '11111')
								} else if (open_2 == 0) {
									$("#add_2").css("opacity", "1")
									$("#add_2").css("display", "inline-block")
									$('#add_2').css('z-index', '11111')
								} else if (open_3 == 0) {
									$("#add_3").css("opacity", "1")
									$("#add_3").css("display", "inline-block")
									$('#add_3').css('z-index', '11111')
								} else if (open_4 == 0) {
									$("#add_4").css("opacity", "1")
									$("#add_4").css("display", "inline-block")
									$('#add_4').css('z-index', '11111')
								} else if (open_5 == 0) {
									$("#add_5").css("opacity", "1")
									$("#add_5").css("display", "inline-block")
									$('#add_5').css('z-index', '11111')
								} else if (open_6 == 0) {
									$("#add_6").css("opacity", "1")
									$("#add_6").css("display", "inline-block")
									$('#add_6').css('z-index', '11111')
								}
							}
						}

					}
				}
				//一次加载多个文件
				var i = 0,
					src = this.files;
				fileReader.readAsDataURL(src[i]);
				fileReader.onloadend = function() {
					i++;
					if (i < src.length) fileReader.readAsDataURL(src[i]);
				}
			})
			$('#file_img_3').change(function() {
				var fileReader = new FileReader();
				var new_img = document.getElementById("new_img");
				fileReader.onload = function(e) {
					if (fileReader.readyState == FileReader.DONE) {
						var img = document.createElement('img');
						img.src = this.result;
						var imgdiv = document.createElement('div');
						imgdiv.appendChild(img);
						var remove_img = document.createElement('span');
						remove_img.className = 'remove';
						imgdiv.appendChild(remove_img);
						new_img.appendChild(imgdiv); //将图片插入想要存放的位置

						// 删除图片
						$('.remove').click(function(e) {
							$(this).parent().remove()
							var open_1 = $("#add_1").css("opacity") == "1";
							var open_2 = $("#add_2").css("opacity") == "1";
							var open_3 = $("#add_3").css("opacity") == "1";
							var open_4 = $("#add_4").css("opacity") == "1";
							var open_5 = $("#add_5").css("opacity") == "1";
							var open_6 = $("#add_6").css("opacity") == "1";

							var show = open_1 + open_2 + open_3 + open_4 + open_5 + open_6;
							// console.log(open_1 + '' + open_2 + '' + open_3 + '' + open_4+''+open_5+''+open_6)
							if (show != 1) {
								$('#add_3').css('display', 'inline-block')
								$('#add_3').css('opacity', '1')
								$('#add_3').css('z-index', '11111')
							}
						})


						this.result = '';
						$('#add_3').css('display', 'none')
						$('#add_3').css('opacity', '0')

						var img_num = $('#new_img').children('div').length;
						if (img_num < 6) {
							$('#add_4').css('opacity', '1')
							$('#add_4').css('z-index', '1000')
							$('#add_4').css('display', 'inline-block')


						}
						if (img_num == 6) {
							// $('.add').css('display', 'none')
						}
						if (img_num >= 4) {
							$('.add').css('margin-left', '-4px')
						}

						var open_1 = $("#add_1").css("opacity") == "1";
						var open_2 = $("#add_2").css("opacity") == "1";
						var open_3 = $("#add_3").css("opacity") == "1";
						var open_4 = $("#add_4").css("opacity") == "1";
						var open_5 = $("#add_5").css("opacity") == "1";
						var open_6 = $("#add_6").css("opacity") == "1";
						var ads = $('.add').css("display") == "none";
						var show = open_1 + open_2 + open_3 + open_4 + open_5 + open_6;
						if (img_num < 6) {
							if (show == 0) {
								if (open_1 == 0) {
									$("#add_1").css("opacity", "1")
									$("#add_1").css("display", "inline-block")
									$('#add_1').css('z-index', '11111')
								} else if (open_2 == 0) {
									$("#add_2").css("opacity", "1")
									$("#add_2").css("display", "inline-block")
									$('#add_2').css('z-index', '11111')
								} else if (open_3 == 0) {
									$("#add_3").css("opacity", "1")
									$("#add_3").css("display", "inline-block")
									$('#add_3').css('z-index', '11111')
								} else if (open_4 == 0) {
									$("#add_4").css("opacity", "1")
									$("#add_4").css("display", "inline-block")
									$('#add_4').css('z-index', '11111')
								} else if (open_5 == 0) {
									$("#add_5").css("opacity", "1")
									$("#add_5").css("display", "inline-block")
									$('#add_5').css('z-index', '11111')
								} else if (open_6 == 0) {
									$("#add_6").css("opacity", "1")
									$("#add_6").css("display", "inline-block")
									$('#add_6').css('z-index', '11111')
								}
							}
						}

					}
				}
				//一次加载多个文件
				var i = 0,
					src = this.files;
				fileReader.readAsDataURL(src[i]);
				fileReader.onloadend = function() {
					i++;
					if (i < src.length) fileReader.readAsDataURL(src[i]);
				}
			})
			$('#file_img_4').change(function() {
				var fileReader = new FileReader();
				var new_img = document.getElementById("new_img");
				fileReader.onload = function(e) {
					if (fileReader.readyState == FileReader.DONE) {
						var img = document.createElement('img');
						img.src = this.result;
						var imgdiv = document.createElement('div');
						imgdiv.appendChild(img);
						var remove_img = document.createElement('span');
						remove_img.className = 'remove';
						imgdiv.appendChild(remove_img);
						new_img.appendChild(imgdiv); //将图片插入想要存放的位置

						// 删除图片
						$('.remove').click(function(e) {
							$(this).parent().remove()
							var open_1 = $("#add_1").css("opacity") == "1";
							var open_2 = $("#add_2").css("opacity") == "1";
							var open_3 = $("#add_3").css("opacity") == "1";
							var open_4 = $("#add_4").css("opacity") == "1";
							var open_5 = $("#add_5").css("opacity") == "1";
							var open_6 = $("#add_6").css("opacity") == "1";

							var show = open_1 + open_2 + open_3 + open_4 + open_5 + open_6;
							// console.log(open_1 + '' + open_2 + '' + open_3 + '' + open_4+''+open_5+''+open_6)
							if (show != 1) {
								$('#add_4').css('display', 'inline-block')
								$('#add_4').css('opacity', '1')
								$('#add_4').css('z-index', '11111')
							}
						})


						this.result = '';
						$('#add_4').css('display', 'none')
						$('#add_4').css('opacity', '0')

						var img_num = $('#new_img').children('div').length;
						if (img_num < 6) {
							$('#add_5').css('opacity', '1')
							$('#add_5').css('z-index', '1000')
							$('#add_5').css('display', 'inline-block')

						}
						if (img_num == 6) {
							// $('.add').css('display', 'none')
						}
						if (img_num >= 4) {
							$('.add').css('margin-left', '-4px')
						}

						var open_1 = $("#add_1").css("opacity") == "1";
						var open_2 = $("#add_2").css("opacity") == "1";
						var open_3 = $("#add_3").css("opacity") == "1";
						var open_4 = $("#add_4").css("opacity") == "1";
						var open_5 = $("#add_5").css("opacity") == "1";
						var open_6 = $("#add_6").css("opacity") == "1";

						var ads = $('.add').css("display") == "none";
						var show = open_1 + open_2 + open_3 + open_4 + open_5 + open_6;
						if (img_num < 6) {
							if (show == 0) {
								if (open_1 == 0) {
									$("#add_1").css("opacity", "1")
									$("#add_1").css("display", "inline-block")
									$('#add_1').css('z-index', '11111')
								} else if (open_2 == 0) {
									$("#add_2").css("opacity", "1")
									$("#add_2").css("display", "inline-block")
									$('#add_2').css('z-index', '11111')
								} else if (open_3 == 0) {
									$("#add_3").css("opacity", "1")
									$("#add_3").css("display", "inline-block")
									$('#add_3').css('z-index', '11111')
								} else if (open_4 == 0) {
									$("#add_4").css("opacity", "1")
									$("#add_4").css("display", "inline-block")
									$('#add_4').css('z-index', '11111')
								} else if (open_5 == 0) {
									$("#add_5").css("opacity", "1")
									$("#add_5").css("display", "inline-block")
									$('#add_5').css('z-index', '11111')
								} else if (open_6 == 0) {
									$("#add_6").css("opacity", "1")
									$("#add_6").css("display", "inline-block")
									$('#add_6').css('z-index', '11111')
								}
							}
						}

					}
				}
				//一次加载多个文件
				var i = 0,
					src = this.files;
				fileReader.readAsDataURL(src[i]);
				fileReader.onloadend = function() {
					i++;
					if (i < src.length) fileReader.readAsDataURL(src[i]);
				}
			})
			$('#file_img_5').change(function() {
				var fileReader = new FileReader();
				var new_img = document.getElementById("new_img");
				fileReader.onload = function(e) {
					if (fileReader.readyState == FileReader.DONE) {
						var img = document.createElement('img');
						img.src = this.result;
						var imgdiv = document.createElement('div');
						imgdiv.appendChild(img);
						var remove_img = document.createElement('span');
						remove_img.className = 'remove';
						imgdiv.appendChild(remove_img);
						new_img.appendChild(imgdiv); //将图片插入想要存放的位置

						// 删除图片
						$('.remove').click(function(e) {
							$(this).parent().remove()
							var open_1 = $("#add_1").css("opacity") == "1";
							var open_2 = $("#add_2").css("opacity") == "1";
							var open_3 = $("#add_3").css("opacity") == "1";
							var open_4 = $("#add_4").css("opacity") == "1";
							var open_5 = $("#add_5").css("opacity") == "1";
							var open_6 = $("#add_6").css("opacity") == "1";

							var show = open_1 + open_2 + open_3 + open_4 + open_5 + open_6;
							// console.log(open_1 + '' + open_2 + '' + open_3 + '' + open_4+''+open_5+''+open_6)
							if (show != 1) {
								$('#add_5').css('display', 'inline-block')
								$('#add_5').css('opacity', '1')
								$('#add_5').css('z-index', '11111')
							}
						})



						this.result = '';
						$('#add_5').css('display', 'none')
						$('#add_5').css('opacity', '0')

						var img_num = $('#new_img').children('div').length;
						if (img_num < 6) {
							$('#add_6').css('opacity', '1')
							$('#add_6').css('z-index', '1000')
							$('#add_6').css('display', 'inline-block')


						}
						if (img_num == 6) {
							// $('.add').css('display', 'none')
						}
						if (img_num >= 4) {
							$('.add').css('margin-left', '-4px')
						}

						var open_1 = $("#add_1").css("opacity") == "1";
						var open_2 = $("#add_2").css("opacity") == "1";
						var open_3 = $("#add_3").css("opacity") == "1";
						var open_4 = $("#add_4").css("opacity") == "1";
						var open_5 = $("#add_5").css("opacity") == "1";
						var open_6 = $("#add_6").css("opacity") == "1";

						var ads = $('.add').css("display") == "none";
						var show = open_1 + open_2 + open_3 + open_4 + open_5 + open_6;
						if (img_num < 6) {
							if (show == 0) {
								if (open_1 == 0) {
									$("#add_1").css("opacity", "1")
									$("#add_1").css("display", "inline-block")
									$('#add_1').css('z-index', '11111')
								} else if (open_2 == 0) {
									$("#add_2").css("opacity", "1")
									$("#add_2").css("display", "inline-block")
									$('#add_2').css('z-index', '11111')
								} else if (open_3 == 0) {
									$("#add_3").css("opacity", "1")
									$("#add_3").css("display", "inline-block")
									$('#add_3').css('z-index', '11111')
								} else if (open_4 == 0) {
									$("#add_4").css("opacity", "1")
									$("#add_4").css("display", "inline-block")
									$('#add_4').css('z-index', '11111')
								} else if (open_5 == 0) {
									$("#add_5").css("opacity", "1")
									$("#add_5").css("display", "inline-block")
									$('#add_5').css('z-index', '11111')
								} else if (open_6 == 0) {
									$("#add_6").css("opacity", "1")
									$("#add_6").css("display", "inline-block")
									$('#add_6').css('z-index', '11111')
								}
							}
						}

					}
				}
				//一次加载多个文件
				var i = 0,
					src = this.files;
				fileReader.readAsDataURL(src[i]);
				fileReader.onloadend = function() {
					i++;
					if (i < src.length) fileReader.readAsDataURL(src[i]);
				}
			})
			$('#file_img_6').change(function() {
				var fileReader = new FileReader();
				var new_img = document.getElementById("new_img");
				fileReader.onload = function(e) {
					if (fileReader.readyState == FileReader.DONE) {
						var img = document.createElement('img');
						img.src = this.result;
						var imgdiv = document.createElement('div');
						imgdiv.appendChild(img);
						var remove_img = document.createElement('span');
						remove_img.className = 'remove';
						imgdiv.appendChild(remove_img);
						new_img.appendChild(imgdiv); //将图片插入想要存放的位置

						// 删除图片
						$('.remove').click(function(e) {
							$(this).parent().remove()
							var open_1 = $("#add_1").css("opacity") == "1";
							var open_2 = $("#add_2").css("opacity") == "1";
							var open_3 = $("#add_3").css("opacity") == "1";
							var open_4 = $("#add_4").css("opacity") == "1";
							var open_5 = $("#add_5").css("opacity") == "1";
							var open_6 = $("#add_6").css("opacity") == "1";

							var show = open_1 + open_2 + open_3 + open_4 + open_5 + open_6;
							// console.log(open_1 + '' + open_2 + '' + open_3 + '' + open_4+''+open_5+''+open_6)
							if (show != 1) {
								$('#add_6').css('display', 'inline-block')
								$('#add_6').css('opacity', '1')
								$('#add_6').css('z-index', '11111')
							}
						})

						this.result = '';
						$('#add_6').css('display', 'none')
						$('#add_6').css('opacity', '0')


						var img_num = $('#new_img').children('div').length;
						if (img_num == 6) {
							// $('.add').css('display', 'none')
						}
						if (img_num >= 4) {
							$('.add').css('margin-left', '-4px')
						}
						var open_1 = $("#add_1").css("opacity") == "1";
						var open_2 = $("#add_2").css("opacity") == "1";
						var open_3 = $("#add_3").css("opacity") == "1";
						var open_4 = $("#add_4").css("opacity") == "1";
						var open_5 = $("#add_5").css("opacity") == "1";
						var open_6 = $("#add_6").css("opacity") == "1";

						var show = open_1 + open_2 + open_3 + open_4 + open_5 + open_6;
						if (img_num < 6) {
							if (show == 0) {
								if (open_1 == 0) {
									$("#add_1").css("opacity", "1")
									$("#add_1").css("display", "inline-block")
									$('#add_1').css('z-index', '11111')
								} else if (open_2 == 0) {
									$("#add_2").css("opacity", "1")
									$("#add_2").css("display", "inline-block")
									$('#add_2').css('z-index', '11111')
								} else if (open_3 == 0) {
									$("#add_3").css("opacity", "1")
									$("#add_3").css("display", "inline-block")
									$('#add_3').css('z-index', '11111')
								} else if (open_4 == 0) {
									$("#add_4").css("opacity", "1")
									$("#add_4").css("display", "inline-block")
									$('#add_4').css('z-index', '11111')
								} else if (open_5 == 0) {
									$("#add_5").css("opacity", "1")
									$("#add_5").css("display", "inline-block")
									$('#add_5').css('z-index', '11111')
								} else if (open_6 == 0) {
									$("#add_6").css("opacity", "1")
									$("#add_6").css("display", "inline-block")
									$('#add_6').css('z-index', '11111')
								}
							}
						}
					}
				}
				//一次加载多个文件
				var i = 0,
					src = this.files;
				fileReader.readAsDataURL(src[i]);
				fileReader.onloadend = function() {
					i++;
					if (i < src.length) fileReader.readAsDataURL(src[i]);
				}
			})

			myform.msg.oninput = function() {
				var j = myform.msg.value.length;
				var x = 240;
				var y = x - j;
				if (j >= 240) {
					j = 240
				}
				document.getElementById("s").innerHTML = j + '/' + x;
				myform.msg.value = myform.msg.value.substring(0, x);

			}

			function sb() {
				if ($("#msg").val().replace(/\s*/g, "") == "") {
					hui.iconToast("请输入要反馈内容！", 'warn');
					return false;
				}

				var formData = new FormData();
				var files = $("input[type='file']");
				<!--hui.iconToast(files.length, 'warn');-->
				
				for (var i = 0; i < files.length; i++) {
					formData.append("file", files[i].files[0]);
				}
				formData.append("q", $("#q").val());
				formData.append("msg", $("#msg").val());
				formData.append("uid", localStorage.getItem("id"));
				
				
				<!--hui.iconToast(formData, 'warn');-->
				$.ajax({
					url: address + 'user/fileUpload',
					type: 'post',
					dataType: 'json',
					processData: false,
					contentType: false,
					data: formData,
					success: function(data) {
						if (data.code == 200) {
							hui.iconToast("反馈成功", 'success');
							nativeMethod.toB();
						}
					},
					error: function(XMLHttpRequest, textStatus, errorThrown) {
						if (XMLHttpRequest.readyState == 4) {
							hui.iconToast('服务器内部错误', 'warn');
							// HTTP error (can be checked by XMLHttpRequest.status and XMLHttpRequest.statusText)
						} else if (XMLHttpRequest.readyState == 0) {
							// Network error (i.e. connection refused, access denied due to CORS, etc.)
							hui.iconToast('网络异常', 'warn');
						} else {
							// something weird is happening
							hui.iconToast('服务异常', 'warn');
						}
					}
				})
			}

			function g() {
				window.addEventListener("popstate", function(e) {
					window.history.back()
				}, false);
			}
		</script>

	</body>

</html>
